<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>020-HTML框架</title>
</head>

<body>
    <!-- iframe - 设置高度与宽度 -->
    <iframe src="demo_iframe.htm" width="200" height="200"></iframe>
    <p>一些旧的浏览器不支持 iframe。</p>
    <p>如果浏览器不支持 iframes 则不会显示。</p>

    <!-- iframe - 移除边框 -->
    <!-- 设置属性值为 "0" 移除iframe的边框: -->
    <iframe src="demo_iframe.htm" width="200" height="200" frameborder="0">
        <p>您的浏览器不支持 iframe 标签。</p>
    </iframe>

    <br><br>

    <!-- 使用 iframe 来显示目标链接页面 -->
    <!-- iframe 可以显示一个目标链接的页面；目标链接的属性必须使用 iframe 的属性 -->
    <iframe src="demo_iframe.htm" name="iframe_a"></iframe>
    <p><a href="https://www.runoob.com" target="iframe_a">RUNOOB.COM</a></p>

    <p><b>注意：</b> 因为 a 标签的 target 属性是名为 iframe_a 的 iframe 框架，所以在点击链接时页面会显示在 iframe框架中。</p>

</body>

</html>